ul.marquee {
    /* required styles */
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
    position: relative;
    overflow: hidden;

    /* optional styles for appearance */
    margin-top: 200px;
    width: 980px;
    height: 36px; /* height should be included to reserve visual space for the marquee */
    /*
            background-color: #f2f2ff;
            border: 1px solid #08084d;*/
}

ul.marquee li {
    /* required styles */
    position: absolute;
    top: -999em;
    left: 0;
    display: block;
    white-space: nowrap; /* keep all text on a single line */

    /* optional styles for appearance */
    font: 24px Arial, Helvetica, sans-serif;
    padding: 3px 5px;
    color: white;

    font-family: 'MyriadPro';
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.9), 0 0 6px #8FB5C8, 0 0 30px rgba(143, 181, 200, 0.8)
}